<script setup>
defineProps({
  msg: {
    type: String,
    required: true
  }
})

</script>

<template>
  <div class="greetings">
    <h1 class="green">
      云服务器ECS
    </h1>
    <h3>
      云服务器ECS（Elastic Compute Service）是阿里云提供的性能卓越、稳定可靠、弹性扩展的IaaS（Infrastructure as a Service）级别云计算服务。云服务器ECS免去了您采购IT硬件的前期准备，让您像使用水、电、天然气等公共资源一样便捷、高效地使用服务器，实现计算资源的即开即用和弹性伸缩。阿里云ECS持续提供创新型服务器，解决多种业务需求，助力您的业务发展。
    </h3>
      <div class="link-box">
        <a href="https://ecs.console.aliyun.com/overview" target="_blank" class="mr-8">前往ECS控制台</a>
        <a href="https://help.aliyun.com/zh/ecs/what-is-ecs" target="_blank">了解更多</a>
      </div>
  </div>
</template>

<style scoped>
h1 {
  font-weight: 500;
  font-size: 2.6rem;
  position: relative;
  top: -10px;
  text-align: center !important;
}

h3 {
  font-size: 16px;
  line-height: 28px;
}

.link-box{
  margin-top:2rem;
}

.greetings h1,
.greetings h3 {
  text-align: center;
}

@media (min-width: 1024px) {

  .greetings h1,
  .greetings h3 {
    text-align: left;
  }
}
</style>
